<!--
 * @Descripttion:
 * @version: 1.0
 * @Author: Ga1axy_z
 * @Date: 2022-09-20 09:26:24
 * @LastEditors: Ga1axy_z
 * @LastEditTime: 2022-09-29 15:40:38
-->
<!doctype html>
<html lang="lang">
  <head>
    <title>TEST-WORLD HOSPITAL | 首页</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Preloader -->
    <link rel="stylesheet" href="./styles/index/index.css">
    <link rel="stylesheet" href="./styles/index/all.min.css">
    <link rel="stylesheet" href="./styles/index/libs.bundle.css">
    <!--<link rel="stylesheet" href="./styles/index/theme.bundle.css">-->
    <script>
      window.addEventListener("load", function() {
        setTimeout(function() {
          document.querySelector('body').classList.add('loaded');
        }, 300);
      });
    </script>
    <!-- Favicon -->
    <link rel="icon" href="https://quick.bootmb.com/assets/img/brand/favicon.png" type="image/png"><!-- Font Awesome -->
    <!--<link rel="stylesheet" href="./images/index/all.min.css">-->
    <!-- Quick CSS -->
    <!--<link rel="stylesheet" href="./images/index/quick-website.css" id="stylesheet">-->
    <link rel="stylesheet" href="./styles/index/styles.css">
    <link rel="stylesheet" href="styles/bootstrap.min.css">
  </head>
  <body>
    <!-- 导航栏 -->
    <header class="navbar navbar-expand-lg navbar-light flex-column align-items-start flex-lg-row iheadbar py-3">
      <!-- 医院图标 -->
      <a class="navbar-brand" href="#">
        <img src="images/hospital_icon.png" alt="医院图标">
      </a>
      <!-- 导航栏内容 -->
      <div class="navbar-content flex-row justify-content-between align-items-center mt-lg-2">
        <!-- 医院名称 -->
        <a class="ititle" style="color: #2c608a;" href="#">TEST-WORLD HOSPITAL</a>
        <!-- 折叠导航栏 -->
        <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#top-navbar" aria-controls="top-navbar"
          aria-expanded="false" aria-label="Toggle navigation" style="height: 36px;">
          ≡
        </button>
        </div>
        <!-- 菜单 -->
        <div class="collapse navbar-collapse imenu" id="top-navbar">
          <ul class="navbar-nav mt-1 ml-auto">
            <li class="nav-item iactive iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="#">首页</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="department.html">就诊导航</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="reservation.html">预约挂号</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="queryReport.html">报告查询</a>
            </li>
            <li class="nav-item iunderline">
              <a class="nav-link mr-3" style="color: #2c608a;" href="news.html">新闻动态</a>
            </li>
            <!-- 下拉展开的二级菜单 -->
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle mr-3" style="color: #2c608a;" href="#" id="navbar-about" data-toggle="dropdown" aria-expanded="false">
                更多
              </a>
              <div class="dropdown-menu" aria-labelledby="navbar-about">
                <a class="dropdown-item" href="login.html">后台管理</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="employ.html">人才招聘</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="feedback.html">意见反馈</a>
              </div>
            </li>
          </ul>
      </div>
    </header>
    <!-- 主页内容 -->
    <!-- Main content -->
    <section class="slice py-7">
      <div class="container">
        <div class="row row-grid align-items-center">
          <div class="col-12 col-md-5 col-lg-6 order-md-2 text-center">
            <!-- Image -->
            <figure class="w-100">
              <img alt="Image placeholder" src="./images/index/illustration-3.svg" class="img-fluid mw-md-120">
            </figure>
          </div>
          <div class="col-12 col-md-7 col-lg-6 order-md-1 pr-md-5">
            <!-- Heading -->
            <h1 class="display-4 text-center text-md-left mb-3">
              欢迎来到 <strong class="text-primary">TEST-WORLD HOSPITAL</strong>
            </h1>
            <!-- Text -->
            <p class="lead text-center text-md-left text-muted">
              本院包吃包住，待遇优厚，欢迎您的入住！
            </p>
            <!-- Buttons -->
            <div class="text-center text-md-left mt-5">
              <a href="reservation.html" class="btn btn-primary btn-icon" target="_blank">
                <span class="btn-inner--text">预约挂号</span>
                <span class="btn-inner--icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg></span>
              </a>
              <a href="department.html" class="btn btn-neutral btn-icon d-none d-lg-inline-block">先看看有哪些科室>>></a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 就诊流程 -->
    <section class="slice slice-lg pt-lg-6 pb-0 pb-lg-6 bg-section-secondary">
      <div class="container">
        <!-- Title -->
        <!-- Section title -->
        <div class="row mb-5 justify-content-center text-center">
          <div class="col-lg-6">
                    <span class="badge badge-soft-success badge-pill badge-lg">
                        Get started
                    </span>
            <h2 class=" mt-4">就诊流程</h2>
            <div class="mt-2">
              <p class="lead lh-180">看病的流程,很简单,把病人按顺序一个个叫进诊室,问病史、查体、开化验、开药、嘱咐复查的时间, 完毕!</p>
            </div>
          </div>
        </div>
        <!-- Card -->
        <div class="row mt-5">
          <div class="col-md-4">
            <div class="card">
              <div class="card-body pb-5">
                <div class="pt-4 pb-5">
                  <img src="./images/index/illustration-5.svg" class="img-fluid img-center" style="height: 150px;" alt="Illustration">
                </div>
                <h5 class="h4 lh-130 mb-3">1 排队挂号</h5>
                <p class="text-muted mb-0">告诉挂号员你哪里不舒服，她们会帮你选择科室，然后根据挂号单上的位置，找到科室，有些需要在科室门口找到分诊台分诊进行电子登记排队。</p>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card">
              <div class="card-body pb-5">
                <div class="pt-4 pb-5">
                  <img src="./images/index/illustration-6.svg" class="img-fluid img-center" style="height: 150px;" alt="Illustration">
                </div>
                <h5 class="h4 lh-130 mb-3">2 排队缴费</h5>
                <p class="text-muted mb-0">进去看完病后，医生也许会开药，开检查单或化验单。然后你去挂号处缴费，或自助缴费机缴费</p>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card">
              <div class="card-body pb-5">
                <div class="pt-4 pb-5">
                  <img src="./images/index/illustration-7.svg" class="img-fluid img-center" style="height: 150px;" alt="Illustration">
                </div>
                <h5 class="h4 lh-130 mb-3">3 回到诊室</h5>
                <p class="text-muted mb-0">检查结果出来后，找医生复诊看病。一般不需再排队。医生会下诊断，写病历，开药或开治疗单，或开住院单。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 新闻板块 -->
    <section class="slice pt-0" style="margin-top: 80px">
      <div class="container position-relative zindex-100">
        <div class="row">
          <div class="col-xl-4 col-sm-6 mt-n7">
            <div class="card">
              <div class="d-flex p-5">
                <div>
                  <span class="badge badge-warning badge-pill">New</span>
                </div>
                <div class="pl-4">
                  <h5 class="lh-130">我院优势</h5>
                  <p class="text-muted mb-0">
                    看病住院不花两分钱
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-sm-6 mt-sm-n7">
            <div class="card">
              <div class="d-flex p-5">
                <div>
                  <span class="badge badge-success badge-pill">Tips</span>
                </div>
                <div class="pl-4">
                  <h5 class="lh-130">智慧医疗</h5>
                  <p class="text-muted mb-0">
                    一键预约，一键缴费，一键就诊
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-md-12 col-sm-6 mt-xl-n7">
            <div class="card">
              <div class="d-flex p-5">
                <div>
                  <span class="badge badge-danger badge-pill">Update</span>
                </div>
                <div class="pl-3">
                  <h5 class="lh-130">最新技术</h5>
                  <p class="text-muted mb-0">
                    人工智能，大数据，云计算, 助力医疗
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-xl-4 col-sm-6">
            <div class="card">
              <div class="d-flex p-5">
                <div>
                  <span class="badge badge-warning badge-pill">New</span>
                </div>
                <div class="pl-4">
                  <h5 class="lh-130">知名医院</h5>
                  <p class="text-muted mb-0">
                    一流医疗设备，一流医疗团队
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-sm-6">
            <div class="card">
              <div class="d-flex p-5">
                <div>
                  <span class="badge badge-success badge-pill">Tips</span>
                </div>
                <div class="pl-4">
                  <h5 class="lh-130">服务周全</h5>
                  <p class="text-muted mb-0">
                    一站式服务，全程陪护
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-4 col-md-12 col-sm-6">
            <div class="card">
              <div class="d-flex p-5">
                <div>
                  <span class="badge badge-danger badge-pill">Update</span>
                </div>
                <div class="pl-3">
                  <h5 class="lh-130">新突破</h5>
                  <p class="text-muted mb-0">
                    医疗方案，医疗技术，医疗服务
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 认证板块 -->
    <section class="slice slice-lg">
      <div class="container">
        <div class="row">
          <div class="col-lg-6">
            <span class="badge badge-primary badge-pill">核心竞争力</span>
            <h5 class="lh-180 mt-4 mb-6">本院获得多项权威机构认证</h5>
          </div>
        </div>
        <!-- Features -->
        <div class="row mx-lg-n4">
          <!-- Features - Col 1 -->
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div class="icon icon-shape rounded-circle bg-warning text-white mr-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                  </div>
                </div>
                <div>
                  <span class="h6">青铜认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div class="icon icon-shape rounded-circle bg-primary text-white mr-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                  </div>
                </div>
                <div>
                  <span class="h6">白银认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div class="icon icon-shape rounded-circle bg-danger text-white mr-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                  </div>
                </div>
                <div>
                  <span class="h6">黄金认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div class="icon icon-shape rounded-circle bg-success text-white mr-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                  </div>
                </div>
                <div>
                  <span class="h6">钻石认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div class="icon icon-shape rounded-circle bg-info text-white mr-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                  </div>
                </div>
                <div>
                  <span class="h6">星耀认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div class="icon icon-shape rounded-circle bg-warning text-white mr-4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                  </div>
                </div>
                <div>
                  <span class="h6">王者认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <!-- Features - Col 3 -->
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div>
                    <div class="icon icon-shape rounded-circle bg-info text-white mr-4">
                      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                    </div>
                  </div>
                </div>
                <div>
                  <span class="h6">最强认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div>
                    <div class="icon icon-shape rounded-circle bg-danger text-white mr-4">
                      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                    </div>
                  </div>
                </div>
                <div>
                  <span class="h6">巅峰认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 px-lg-4">
            <div class="card shadow-none">
              <div class="p-3 d-flex">
                <div>
                  <div>
                    <div class="icon icon-shape rounded-circle bg-primary text-white mr-4">
                      <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check"><polyline points="20 6 9 17 4 12"></polyline></svg>
                    </div>
                  </div>
                </div>
                <div>
                  <span class="h6">无敌认证</span>
                  <p class="text-sm text-muted mb-0">
                    权威机构
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--版权-->
    <footer class="position-relative" id="footer-main" style="margin-top: 40px;color: white">
      <div class="footer pt-lg-7 footer-dark bg-dark">
        <!-- SVG shape -->
        <div class="shape-container shape-line shape-position-top shape-orientation-inverse">

        </div>
        <!-- Footer -->
        <div class="container pt-4">
          <div class="row">
            <div class="col-lg-4 mb-5 mb-lg-0">
              <!-- Theme's logo -->
              <a style="font-size: 22px">
                <img alt="Image placeholder" src="images/hospital_icon.png" id="footer-logo">
                TEST-WORLD HOSPITAL
              </a>
              <!-- Webpixels' mission -->
              <p class="mt-4 text-sm opacity-8 pr-lg-4" >TEST-WORLD HOSPITAL是一家非常好的医院, 全球各地的患者都前来就诊, 而且费用便宜, 深受广大患者的青睐</p>
              <!-- Social -->
            </div>
            <div class="col-lg-2 col-6 col-sm-4 ml-lg-auto mb-5 mb-lg-0">
              <h6 class="heading mb-3">账户</h6>
              <ul class="list-unstyled">
                <li>创建账户</li>
                <li>账户设置</li>
                <li>账户余额</li>
                <li>通  知</li>
              </ul>
            </div>
            <div class="col-lg-2 col-6 col-sm-4 mb-5 mb-lg-0">
              <h6 class="heading mb-3">关于</h6>
              <ul class="list-unstyled">
                <li>收费说明</li>
                <li>住院说明</li>
                <li>其他说明</li>
                <li>各种说明</li>
              </ul>
            </div>
            <div class="col-lg-2 col-6 col-sm-4 mb-5 mb-lg-0">
              <h6 class="heading mb-3">合作医院</h6>
              <ul class="list-unstyled">
                <li>北京医院</li>
                <li>上海医院</li>
                <li>湖南医院</li>
              </ul>
            </div>
          </div>
          <hr class="divider divider-fade divider-dark my-4">
          <div class="row align-items-center justify-content-md-between pb-4">
            <div class="col-md-6">
              <div class="copyright text-sm font-weight-bold text-center text-md-left">
                © 2022 <a class="font-weight-bold" target="_blank">THE-WORLD</a>. All rights reserved
              </div>
            </div>
            <div class="col-md-6">
              <ul class="nav justify-content-center justify-content-md-end mt-3 mt-md-0">
                <li class="nav-item">
                  <a class="nav-link">
                    Terms
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link">
                    Privacy
                  </a>
                </li>
                <li class="nav-item">
                  <a class="nav-link">
                    Cookies
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </footer>


    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="scripts/index.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <!-- Core JS  -->
    <!--引入scripts/index中所有脚本-->
    <script src="./scripts/index/bootstrap.bundle.min.js"></script>
    <script src="./scripts/index/cdn.min.js"></script>
    <script src="./scripts/index/feather.min.js"></script>
    <script src="./scripts/index/hm.js"></script>
    <script src="./scripts/index/jquery.min.js"></script>
    <script src="./scripts/index/quick-website.js"></script>
    <script src="./scripts/index/svg-injector.min.js"></script>
    <script src="./scripts/index/theme.bundle.js"></script>
    <script src="./scripts/index/vendor.bundle.js"></script>
    <!-- Feather Icons -->
    <script>
      feather.replace({
        'width': '1em',
        'height': '1em'
      })
    </script>
  </body>
</html>
